<template>
  <div>
    <el-card style="margin:20px;padding:10px;">
      <el-table border stripe>
        <el-table-column label="序号" type="index">
          <template slot-scope="scope">
            <span style="margin-left: 10px">{{ (page - 1) * limit + (scope.$index + 1) }}</span>
          </template>
        </el-table-column>
        <el-table-column label="课程名" prop="greatClassname"></el-table-column>
        <el-table-column label="课程简介" prop="greatClassintroduce"></el-table-column>
      </el-table>
      <!-- 分页区域 -->
      <el-pagination
        style="margin-top: 20px"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="page"
        :page-sizes="[5, 10, 15]"
        :page-size="limit"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
        background
      ></el-pagination>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'Manager',
  data() {
    return {
      classList: [], //课程列表
      page: 1, //当前页
      limit: 5, //每页记录数
      total: 0 //总记录数
    }
  },
  methods: {}
}
</script>

<style>
</style>